<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>员工信息表</title>
<!-- 这个是视图文件 -->
<link href="css/index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript"> 
$(function(){
  
  // 移到留言上可以删除,编辑-------------------------------------------
    $('#mian .list .onep').hover(function() {
      $(this).find('a').show();
      $(this).find('.edit_a').show();
      $(this).find('.content').addClass('content1');
    }, function() {
      $(this).find('a').hide();
      $(this).find('.edit_a').hide();
      $(this).find('.content').removeClass('content1');
    });

   // 留言方式的切换------------------------------------------------
    var c=1;
    $('.close').click(function(event) {
      if(c==1){
        $('#right').stop().animate({"top": 800+'px'},2000).parent().parent().find('#bottom_out').stop().animate({"bottom": 0+'px'},3000);
        c=0;
      }else{
        $('#right').stop().animate({"top": 50+'px'},2000).parent().parent().find('#bottom_out').stop().animate({"bottom": -120+'px'},3000);
        c=1;
      }
    });

  
  
})


</script>

</head>

<body>

<div id="top">
    
</div>
<div id="mian_out">
    <div id="mian">
      <h2   align="center">员工信息表</h2>
      <form  style="text-align: center;margin-bottom: 20px;">
          <span  style="font-size: 14px;color: #999;">快速查询：</span><input type="text" name="search" value=""/>
          <input type="submit" value="提交" class="btn"/>
      </form>
      
     
          
                      
     <table   align="center">
    
    <colgroup>
        <col>
        <col span="2" class="batman">
        <col span="2" class="flash">
    </colgroup>
    <tr>
        <th scope="col">ID</th>
        <th scope="col">姓名</th>
        <th scope="col">部门</th>
        <th scope="col">头像</th>
        <th scope="col">生日</th>
        <th scope="col">日期</th>
       
        <th scope="col">相关操作</th>
         
        
    </tr
   <?php 
                        foreach($bbsdata as $v)
                        {
                        ?>
        <tr>
            <td><?php echo $v['e_id']?>
            
            
            </td>
    <td><?php echo $v['e_name']?></td>
    <td><?php echo $v['e_dept'] ?></td>
    <td><img src="<?php echo $v['e_img'] ?>"</td>
    <td><?php echo $v['date_of_birth'] ?></td>
    <td><?php echo $v['date_of_enry'] ?></td>
    
    
   
    <td><a  href="">编辑       </a><br> 
        <a class="" href="javascript:" onclick="if(confirm('确定删除吗？')) location.href='bbsdel.php?id=<?php echo $v['e_id']?>'" >删除</a></td>
     
   
      
  </tr>
   
    <?php
                        }
                        ?>
  
</table>
   
     </div>
   
   <div id="right">
      
      <form action="empadd.php" method="post">
        <p class="one">
            ID:<input class="name" name="" type="text" placeholder="" /><br>
            姓名:<input class="name" name="" type="text" placeholder="名字" /><br>
        部门:<input   type="text" name="" placeholder="部门" /><br>
       </p>
       
        
        <p class="tow">
          <input type="radio" name="" value="images/1.jpg" checked="checked" /><img src=" images/1.jpg" alt="" />
          <input type="radio" name="" value="images/2.jpg" /><img src=" images/2.jpg" alt="" />
          <input type="radio" name="" value="images/3.jpg" /><img src=" images/3.jpg" alt="" />
          <input type="radio" name="" value="images/4.jpg" /><img src=" images/4.jpg" alt="" />
        </p><br>
        <p  class="one"   > 出生日期:<input   type="text" name=" placeholder="" /><br>
         入职日期:<input   type="text" name="" placeholder="" /><br></p>
        <p class="thr"><input class="btn" type="submit" value="添加员工" /></p>
      </form>
      <div class="close"></div>
</div>
   
</div>

<div id="bottom_out">
    <div id="bottom">
      <form action="empadd.php" method="post">
        <p class="one">
            ID:<input class="name" name="" type="text" placeholder="" /><br>
            姓名:<input class="name" name="" type="text" placeholder="名字" /><br>
        部门:<input   type="text" name="" placeholder="部门" /><br>
       </p>
       
        
        <p class="tow">
          <input type="radio" name="" value="images/1.jpg" checked="checked" /><img src=" images/1.jpg" alt="" />
          <input type="radio" name="" value="images/2.jpg" /><img src=" images/2.jpg" alt="" />
          <input type="radio" name="" value="images/3.jpg" /><img src=" images/3.jpg" alt="" />
          <input type="radio" name="" value="images/4.jpg" /><img src=" images/4.jpg" alt="" />
        </p><br>
        <p  class="one"   > 出生日期:<input   type="text" name=" placeholder="" /><br>
         入职日期:<input   type="text" name="" placeholder="" /><br></p>
        <p class="thr"><input class="btn" type="submit" value="添加员工" /></p>
      </form>
      <div class="close"></div>
    </div>
</div>

</body>
</html>
